<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <link rel="stylesheet" href="js/el/lib/theme-chalk/index.css">
</head>
<body>
<div id="app">
    <el-table
            :data="tableData"
            border
            style="width: 100%">
        <el-table-column
                fixed
                prop="id"
                label="编号"
                width="150">
        </el-table-column>
        <el-table-column
                prop="username"
                label="姓名"
                width="120">
        </el-table-column>
        <el-table-column
                prop="password"
                label="密码"
                width="120">
        </el-table-column>
        <el-table-column
                prop="gender"
                label="性别"
                width="120">
        </el-table-column>
        <el-table-column
                prop="age"
                label="年龄"
                width="300">
        </el-table-column>
        <el-table-column
                prop="address"
                label="地址"
                width="120">
        </el-table-column>
        <el-table-column
                prop="qq"
                label="QQ"
                width="120">
        </el-table-column>
        <el-table-column
                prop="email"
                label="电子邮箱"
                width="120">
        </el-table-column>
        <el-table-column
                fixed="right"
                label="操作"
                width="100">
            <template slot-scope="scope">
                <el-button @click="handleClick(scope.row)" type="text" size="small">查看</el-button>
                <el-button type="text" size="small">编辑</el-button>
            </template>
        </el-table-column>
    </el-table>
</div>
</body>
<script src="js/vue.js"></script>
<script src="js/el/lib/index.js"></script>
<script src="js/axios.js"></script>
<script>
    var app = new Vue({
        el:"#app",
        data : {
            tableData:[]
        },created(){
            this.findAll();
        },methods:{
            findAll(){
                axios.get("/user/findAll")
                    .then((resq)=>{
                        this.tableData=resq.data
                    })
                handleC            }
        }
    })
</script>
</html>